<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script src="../js/vue.js"></script>
</head>
<body>
  <div id="root">
    <p>{{ content }}</p>
  </div>
  <script>
    /* 
    挂载vue对象的2种方式
      1. 自动挂载: 配置el
      2. 手动挂载
    挂载后: vue内部才会进行模板的解析/编译生成虚拟DOM, 进而生成真实DOM显示
    */

    // 创建vue对象
    const vue = new Vue({
      // 自动挂载  => 内部会调用$mount进行挂载
      // el: '#root',
      data: {
        content: 'abc'
      }
    })
    // 手动挂载
    vue.$mount('#root')
  </script>
</body>
</html>